<template>
    <!-- 使用Element Plus的el-select组件创建一个下拉选择框，用于选择指导老师 -->
    <el-select class="input-default-width" placeholder="请选择指导老师" clearable>
      <!-- 使用v-for指令遍历data数组，为每个指导老师创建一个选项 -->
      <el-option
        v-for="item in data"
        :key="item.teacherId"
        :label="item.teacherName"
        :value="item.teacherId"
      ></el-option>
    </el-select>
  </template>
  
  <script setup>
  import { ref, onMounted } from "vue"; // 导入Vue的响应式引用和生命周期钩子
  import { GetBindingTeacherApi } from "@/api/common"; //导入获取指导老师列表的API接口
  
  // 定义一个响应式变量data，初始为空数组
  const data = ref([]);
  
  // 定义一个异步函数handleGetBindingTeacher，用于获取指导老师的数据
  const handleGetBindingTeacher = async () => {
    let res = await GetBindingTeacherApi();
    if (res.success) {
      data.value = res.entityList;
    }
  };
  
  // 在组件挂载后立即调用handleGetBindingTeacher函数，获取数据
  onMounted(() => {
    handleGetBindingTeacher();
  });
  </script>
  
  <style lang="scss" scoped></style>